<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Access-Control-Allow-Origin" content="*" />


<title>海事网上政务大厅</title>
<!--  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />   -->
<link href="css/reset.css" rel="stylesheet" />
<link href="css/layout.css" rel="stylesheet" />
<link href="css/layout_dierban.css" rel="stylesheet" />
<!-- bootstrap css -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<!-- bootstrap table css-->
<link href="bootstrapTable/dist/bootstrap-table.min.css" rel="stylesheet" />
<!-- jquery-confirm -->
<link href="css/jquery-confirm.min.css" rel="stylesheet"/>
<style>
	#gov_publicity_wrap{
		padding: 20px;
		position:relative;
	}
	.right_smart{
	    position: absolute;
		top: 60px;
		right: -130px; 
/* 	    position: absolute;
	    top: 220px;
	    right: -130px; 
		background : #196ca8;*/
		color : #196ca8;
		font-size: 14px;
		display : block;
		padding: 0px 0px;
		width: 72px;
		border-radius: 4px;
	}
	.right_smart:hover{
	  color: #286090;
  	 /*background-color: #286090;*/
   	  border-color: #204d74;
   	  text-decoration: none;
	}
</style>
</head>

<body>
<div class='miaov_head'  >
   <iframe marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no src="html/head.html"></iframe>
</div>

<!--content 内容 开始-->
<div class="content" style="width:1170px; margin:0 auto;position:relative;">
<!-- <a class="right_smart" :href="rightSmartHref" target="_blank" style="text-decoration:none"><img src="img/kefu.png" style="width:90%"></img>&nbsp在线咨询</a>右侧悬浮 -->
	<!--item 开始-->
	<div class="item clearfix">
		 <!--item 开始-->
		<div class="item clearfix">
	    	<!--item_left 开始-->
	    	<div class="item_left" id="item_notice" style="width: 70%">
	        	<a name="tonghang"></a>
	        	<!--blank 开始-->
	        	<div class="blank">
	                <div class="blank_hd">
	                    <span class="icon icon_haishi">公告</span>
	                </div>   
	                <!--tabCon_wrap TAB内容部分 开始-->
	            	<div class="tabCon_wrap myListWrap">               
                         <div class="tab_list"  id="noticeList">
						  <a style="width: 680px;" v-for="(notice,index) in noticeList" :href="'notice/notice/index.html?param='+notice.noticeId" target="view_window"  v-text="'【'+notice.pu+'】'+notice.title+' ['+notice.orgName+']'"></a>							
						  </div>
       					  <a href="notice/notice/list.html" class="tab_list_more" v-show="noticeList.length > 0"  target="view_window">更多+</a>
	                </div>
	               
	                <!--tabCon_wrap TAB内容部分 开始-->
	                
	        	</div>
	            <!--blank 结束-->
	        </div>
	        <!--item_left 结束-->
	        <!--item_right 开始-->
	        <div class="item_right" id="item_login" style="width: 29%">
	            <!--blank 开始-->
	            <div class="blank">
	                <div class="blank_hd">
	                    <span class="icon icon_haishi">登录</span>
	                </div>
	                <!--tabCon_wrap TAB内容部分 开始-->
	                <div class="tabCon_wrap">
	                
	                    <!--tab_con 第一块内容 开始-->
	                    <div class="tab_con">
	                        <!--tab_list 开始-->
	                      	<div class="tab_list" id="login" style="text-align: center;">
        					  <div id="afterLogin" style="text-align:left;padding-left: 85px;">
      							<button id = "query" class="btn btn-link" style="text-decoration:none;margin-top: 5px;" type="button" ><span class="glyphicon glyphicon-search" aria-hidden="true"></span><span style="font-size:16px">&nbsp&nbsp综合查询</span></button>
       							<br>
       							<button id = "order" class="btn btn-link" style="text-decoration:none;margin-top: 5px;" type="button" ><span class="glyphicon glyphicon-user" aria-hidden="true"></span><span style="font-size:16px">&nbsp&nbsp办事预约</span></button>
	                         	<br>
	                         	<button id = "understand" class="btn btn-link" style="text-decoration:none;margin-top: 5px;" type="button" ><span class="glyphicon glyphicon-kefu" aria-hidden="true"></span><span style="font-size:16px">&nbsp&nbsp在线咨询</span></button>
	                         	<br>
	                         	<button id = "companymaintain" class="btn btn-link" style="text-decoration:none;margin-top: 5px;" type="button" ><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span><span style="font-size:16px">&nbsp&nbsp单位资料信息维护</span></button>
	                          </div>   	    
	                        </div>
	                    </div>
	                    <!--tab_con 第一块内容 结束-->
	
	                </div>
	                <!--tabCon_wrap TAB内容部分 开始-->
	                
	            </div>
	            <!--blank 结束-->
	        </div>
	         <!--item_right 结束--> 
        </div>
        <!--item 结束-->
        
        <!--item 开始-->
        <div class="item">
       		 <a name="hanghai"></a>
	        <!--blank 开始-->
	        <div class="blank blank02">
	            <div class="blank_hd">
	                <span class="icon icon_haishi">政务指南</span>
	            </div>
	            <!--tab TAB选项 开始-->
  	            <div class="zhuangtai_wrap">
		            <div class="tab" id="j_tab">
		            	<a href="javascript:;" v-for="(dic,index) in dicList" v-if="index==0" class="type tab_cur" @click="zhengwuTabClick(dic.itemcode)" v-text="dic.itemname"></a>
		            	<a href="javascript:;" v-for="(dic,index) in dicList" v-if="index!=0" class="type" @click="zhengwuTabClick(dic.itemcode)" v-text="dic.itemname"></a>
		            	<p><b></b></p>
		            </div>
	            </div>
	            <div class="myTableWrap_no_thead">
                	<table id="zhengwu">
                		<tr>
                			<th></th>
                			<th width="370px"></th>
                		</tr>
	            		<tr v-for="zhengwu in zhengwuList">
			      			<td class="tab_list text_align_left">
			      				<a  :href="'declareflow/info/index.html?param='+zhengwu.guideid+'-'+zhengwu.itemno" target="view_window" v-text="zhengwu.itemname"></a>	
			      			</td>
			      			<td>
			      				<a  style="cursor: pointer;" class="btn btn-info" :href="'declareflow/info/index.html?param='+zhengwu.guideid+'-'+zhengwu.itemno+'&type=info'"  target="view_window">办事指南</a>
			      				<a  style="cursor: pointer;" class="btn btn-primary" @click="banli(zhengwu.handleurl)" >在线申报</a>
			      				<a  style="cursor: pointer;" class="btn btn-success" :href="'declareflow/info/index.html?param='+zhengwu.guideid+'-'+zhengwu.itemno+'&type=table'"  target="view_window">表格下载</a>
			      				<a  style="cursor: pointer;" class="btn btn-warning" :href="'declareflow/info/index.html?param='+zhengwu.guideid+'-'+zhengwu.itemno+'&type=txt'"  target="view_window">示范文本</a>
			      			</td>
			      		</tr>
			      		<!--<tr>
				      		<td colspan="3">
				      			<div id="gengduo">
					            	<a :href="'declareflow/declare/index.html?param='+itemType" class="tab_list_more">更多+</a>
					            </div>  
				      		</td>
			      		</tr>-->
	            	</table>
            	    <div id="zhengwuzhinan_gengduo">
		            	<a href="declareflow/declare/index.html?param=01" class="tab_list_more" v-show="zhengwuTotal > 0"  target="view_window">更多+</a>
		            </div>     	
	            </div>
	                                               
	        </div>
        <!--blank 结束-->
        </div>
        <!--item 结束-->
		
		<!--item 开始-->
        <div class="item">
       		 <a name="hanghai"></a>
	        <!--blank 开始-->
	        <div class="blank blank02">
	            <div class="blank_hd">
	                <span class="icon icon_haishi">政务公示</span>
	            </div>          
	            <div id="gov_publicity_wrap">
	            	<table class="my-table">
	            		<thead>
	            			<tr>
	            				<th>申办单号</th>
	            				<th>申办业务</th>
	            				<th>申办时间</th>
	            				<th>受理机构</th>
	            				<th>审批状态</th>
	            				<th>办结时间</th>
	            			</tr>
	            		</thead>
	            		<tbody>
	            			<tr v-for="apply in applyList">
	            				<td v-text="apply.applyno"></td>
	            				<td v-text="apply.itemname" style="text-align:left"></td>
	            				<td v-text="formatDate(apply.applytime,'yyyy-mm-dd')"></td>
	            				<td v-text="apply.orgname"></td>
	            				<td v-text="apply.nodename"></td>
	            				<td v-text="formatDate(apply.syslastupd,'yyyy-mm-dd')"></td>
	            			</tr>
	            		</tbody>
	            	</table>
	            	<a href="apply/apply/list.html" class="tab_list_more" v-if="applyList.length > 0"  target="view_window">更多+</a>
	            </div>
	        </div>
        <!--blank 结束-->
        </div>
        <!--item 结束-->
        <!--blank 开始-->
       <!--  <div class="item">
            <div class="blank blank02">
            <div class="blank_hd">
                <span class="icon icon_haishi">办事预约</span>
            </div>
            zhuangtai_wrap 申请状态跟踪 开始
            <div class="zhuangtai_wrap">
                <table class="table_zhuangtai" width="998" cellpadding="0" cellspacing="0" id="yuyue">
                   
                </table>
            
          </div>
          zhuangtai_wrap 申请状态跟踪 结束
          	<div>
                <a href="reserve/reserve/index.html" class="tab_list_more">更多+</a>
            </div>
            </div>
        </div> -->
        <!--blank 结束-->
        
        <!--item 开始-->
	    <div class="item">
	    	<a name="hanghai"></a>
	    	<!--blank 开始-->
	        <div class="blank blank02">
	            <div class="blank_hd">
	                <span class="icon icon_haishi">常见问题</span>
	            </div>
	
	            <!--tab TAB选项 开始-->
	            <div class="tab" id="rep_tab">            	
	                 <a href="javascript:;" class="type tab_cur" v-if="index==0" @click="showRep(repTab.itemcode)" v-text="repTab.itemname" v-for="(repTab,index) in dicList"></a>
	                 <a href="javascript:;" class="type" v-if="index!=0" @click="showRep(repTab.itemcode)" v-text="repTab.itemname" v-for="(repTab,index) in dicList"></a>
	                 <p><b></b></p>
	            </div>
	            <!--tab TAB选项 结束-->
	            <!--tabCon_wrap TAB内容部分 开始-->
	            	<div class="tabCon_wrap myListWrap" id="rep_wrap">
						<div id="rep_wrap" class="tab_list">
							<a v-for="tabCon in tabConList" :href="'repository/questions/detail.html?questionsId='+tabCon.questionsId" target="view_window" v-text="tabCon.title"></a>							
						</div>
						<a href="repository/questions/index.html" id="rep_wrap_more" class="tab_list_more"  target="view_window">更多+</a>
	                </div>
	                <!--tabCon_wrap TAB内容部分 开始-->
	            
	        </div>
	        <!--blank 结束-->
	    </div>
	    <!--item 结束-->

    	<!--item_left 开始-->
    	<div class="item_left" style="width: 49%">
        	<a name="tonghang"></a>
        	<div class="blank">
                <div class="blank_hd">
                    <span class="icon icon_haishi">问卷调查</span>
                </div>
            	<div class="tabCon_wrap">
                	<div class="tab_con ">
                    	<div class="tab_list" id="wenjuan">
                           <a  v-for="wenjuan in wenjuanList" :href="'question/questions/index.html?param='+wenjuan.QUESTIONNAIREID" target="view_window" v-text='wenjuan.QUESTIONNAIRETITLE'></a>                            
                        </div>
                        <a href="question/question/index.html"  class="tab_list_more" v-show="wenjuanTotal > 0"  target="view_window">更多+</a>
                    </div>
                </div>
        	</div>
        </div>
        <!--item_left 结束-->

        <!--item_right 开始-->
        <div class="item_right" style="width: 49%">
            <a name="chuanjian"></a>
            <div class="blank">
                <div class="blank_hd">
                    <span class="icon icon_haishi">咨询投诉</span>
                </div>
                <div class="tabCon_wrap">
                    <div class="tab_con ">
                        <div class="tab_list" id="consList">
                            <a  v-for="cons in consList" :href="'consulting/consulting/query/detail.html?complainId='+cons.complainId" target="view_window" v-text="cons.complainTitle"></a>
                        </div>
                        <a href="consulting/consulting/query/index.html"  class="tab_list_more" v-show="consTotal > 0"  target="view_window">更多+</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--item 结束-->
    
    <!--item 开始-->
<!--     <div class="item">
    	blank 开始
    	<div class="blank">
        	<div class="blank_hd">
                <span class="icon icon_haishi">专题服务</span>
            </div>
            
            kuaijie 快捷入口 开始
            <div class="kuaijie">
                <a href="#" class="color_yellow">AIS信息服务系统</a>
                <a href="#" class="color_orange">海事水上物流综合信息服务系统</a>
                <a href="/gahCSP/reserve/reserve/index.html" class="color_green">办事预约</a>
                <a href="/gahCSP/question/question/index.html" class="color_green">问卷调查</a>
                <a href="/gahCSP/declareflow/declare/index.html" class="color_green">政务指南</a>
                <a href="/gahCSP/repository/question/query/index.html" class="color_green">常见问题</a>
                <a href="/gahCSP/repository/question/smart/smart.html" class="color_yellow">智能问答</a>
                <a href="/gahCSP/consulting/consulting/query/index.html" class="color_orange">咨询投诉</a>
                
            </div>
            kuaijie 快捷入口 结束
		</div>
        blank 结束
	</div> -->
    <!--item 结束-->
</div>
<!--content 内容 结束-->



<div class='miaov_foot'>
   <iframe marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no src="html/foot.html"></iframe>
</div>


<!-- 模态框（Modal） -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style = "width:90%;height:90%">
		<div class="modal-content" style = "width:100%;height:100%">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					登录
				</h4>
			</div>
			<div class="modal-body"  style = "width:100%;height:100%">
				<iframe id="cspiframe" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 style = "width:100%;height:90%" sandbox="allow-scripts  allow-same-origin allow-forms allow-modals" src="http://csp.msa.gov.cn" ></iframe>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>


<script src="js/jquery.min.js"></script>
<script src="js/tabSlideCon_new.js"></script>
<script src="js/jquery-confirm.min.js" ></script>
<!-- bootstrap table js -->
<script src="bootstrapTable/dist/bootstrap-table.js"></script>
<script src="bootstrapTable/dist/locale/bootstrap-table-zh-CN.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- vue -->
<script src="js/vue.min.js"></script>
<script src="js/share.js"></script>
<script src="index.js"></script>
</body>
</html>
